$font-color-gray: rgb(147, 147, 147);
* {
    box-sizing: border-box;
}
#app,
body {
    width: 100vw;
    height: 100vh;
    background: #f8f8f8;
    font-family: PingFang SC, SimHei;
}
#app::before {
    content: "";
    display: table;
}
p {
    margin: 0;
}
//单行文本溢出隐藏
.v-dt-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.van-tabs {
    min-height: 100vh;
    .van-tabs__content {
        height: calc(100% - 50px);
    }
}
.v-container {
    height: 100vh;
    padding-top: 1px;
    background: #ffffff;
}
.v-money-icon::before {
    content: "\00A5";
    margin-right: 3px;
    font-size: 12px;
}
.v-hairline-bottom::after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #eee;
    transform: scaleY(0.5);
    z-index: 1;
}
.v-date {
    font-size: 13px;
    font-weight: 400;
    color: #848484;
}

.van-empty {
    padding: 80px 0 0;
    .van-empty__image {
        width: 240px;
        height: 160px;
    }
    .van-empty__description {
        margin-top: 0;
    }
}
.v-tabbar-bottom {
    height: 50px;
}

.van-cell-group--inset {
    margin: 10px 12px;
}
.van-notice-bar {
    margin: 12px;
    border-radius: 8px;
    border: 1px solid #357efe;
}
//  弹窗修改
.van-dialog {
    .van-button {
        font-size: 15px;
    }
}

// 单选组选择状态修改
.van-radio-group {
    .van-icon-success {
        background: #ffffff;
    }
    .van-radio__icon--checked {
        .van-icon-success::before {
            content: "";
            width: 78%;
            height: 78%;
            border-radius: 50% 50%;
            background: #307af8;
        }
    }
}
// 多选组状态样式修改
.van-checkbox {
    .van-checkbox__icon--checked {
        .van-icon {
            color: #357efe;
        }
    }
    .van-icon {
        border-radius: 4px;
        background: transparent;
    }
}
.v-tabs-top {
    height: 43px;
    line-height: 43px;
    display: flex;
    justify-content: center;
    background: #ffffff;
    .v-tab {
        width: 100px;
        margin: 0 5px;
        font-size: 15px;
        color: #4e4e51;
        text-align: center;
    }
    .v-tab-active {
        font-weight: 600;
        color: #212532;
        position: relative;

        &::before {
            content: "";
            width: 20px;
            height: 4px;
            background: #357efe;
            border-radius: 2px;
            position: absolute;
            left: 40px;
            right: 40px;
            bottom: 0;
        }
    }
}
